<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<style>
		.companyHeaderGrid tr, .companyHeaderGrid td {
		    border: none;
		}
	</style>
</h:head>
<ui:composition template="/WEB-INF/templates/template.xhtml">
	<ui:define name="content">
		<table width="1400px">
			<tr>
				<td width="1280px">
					<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
					<h:panelGrid columns="1" cellpadding="10">
	        			<h:form id="formCronograma">
	        				<h3 align="center">Fechas</h3>
			        		<h:panelGrid columns="4" cellpadding="10">
				        		<h:outputLabel for="fechaInicioCronograma" value="Inicio:*"/>
				        		<p:calendar id="fechaInicioCronograma" value="#{programaBean.fechaInicio}"/>
				        		<h:outputLabel for="fechaFinalizacionCronograma" value="Finalizacion:*"/>
				        		<p:calendar id="fechaFinalizacionCronograma" value="#{programaBean.fechaFin}"/>
			        		</h:panelGrid>
			        		<h:panelGrid columns="2" cellpadding="10">
				        		<h:outputLabel value="Numero Horas Programa: "/>
				        		<p:inputText id="numeroHorasPrograma" value="#{programaBean.numeroHorasPrograma}"/>
					        </h:panelGrid>
					        <h:panelGrid columns="6" cellpadding="10">
				        		<h:outputLabel value="Festivos: " style="font-weight:bold"/>
       							<p:inputSwitch value="#{programaBean.festivos}" />
       							<h:outputLabel value="Sabados: " style="font-weight:bold"/>
       							<p:inputSwitch value="#{programaBean.sabados}">
       								 <p:ajax listener="#{programaBean.eventoSabado}" update="formCronograma" />
       							</p:inputSwitch>
       							<h:outputLabel value="Domingos: " style="font-weight:bold"/>
       							<p:inputSwitch value="#{programaBean.domingos}">
       								<p:ajax listener="#{programaBean.eventoDomingo}" update="formCronograma" />
       							</p:inputSwitch>
			        		</h:panelGrid>
				             <h3 align="center">Horario Clases</h3>
			        		 <h:panelGrid columns="1" cellpadding="10">
			        			 <h:panelGrid columns="6" cellpadding="10">
			        			 	<h:outputLabel style="font-weight:bold">Lunes </h:outputLabel>
			        			 	<h:outputLabel value="Hora Inicio: " />
			        			 	<p:selectOneMenu id="LunesInicioHora" value="#{programaBean.horaLunes}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.horas}" />
						            </p:selectOneMenu>
						            <p:selectOneMenu id="LunesInicioMinuto" value="#{programaBean.minutoLunes}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.minutos}" />
						            </p:selectOneMenu>
						            <h:outputLabel value="Cantidad Horas"/>
			        			 	<p:spinner id="cantidadHorasLunes" value="#{programaBean.cantidadHorasLunes}" size="1" max="4" min="0"/>
			        			 	
			        			 	<h:outputLabel style="font-weight:bold">Martes </h:outputLabel>
			        			 	<h:outputLabel value="Hora Inicio: " />
			        			 	<p:selectOneMenu id="MartesInicioHora" value="#{programaBean.horaMartes}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.horas}" />
						            </p:selectOneMenu>
						            <p:selectOneMenu id="MartesInicioMinuto" value="#{programaBean.minutoMartes}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.minutos}" />
						            </p:selectOneMenu>
						            <h:outputLabel value="Cantidad Horas"/>
			        			 	<p:spinner id="cantidadHorasMartes" value="#{programaBean.cantidadHorasMartes}" size="1" max="4" min="0"/>
			        			 	
			        			 	<h:outputLabel style="font-weight:bold">Miercoles </h:outputLabel>
			        			 	<h:outputLabel value="Hora Inicio: " />
			        			 	<p:selectOneMenu id="MiercolesInicioHora" value="#{programaBean.horaMiercoles}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.horas}" />
						            </p:selectOneMenu>
						            <p:selectOneMenu id="MiercolesInicioMinuto" value="#{programaBean.minutoMiercoles}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.minutos}" />
						            </p:selectOneMenu>
						            <h:outputLabel value="Cantidad Horas"/>
			        			 	<p:spinner id="cantidadHorasMiercoles" value="#{programaBean.cantidadHorasMiercoles}" size="1" max="4" min="0"/>
			        			 	
			        			 	<h:outputLabel style="font-weight:bold">Jueves </h:outputLabel>
			        			 	<h:outputLabel value="Hora Inicio: " />
			        			 	<p:selectOneMenu id="JuevesInicioHora" value="#{programaBean.horaJueves}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.horas}" />
						            </p:selectOneMenu>
						            <p:selectOneMenu id="JuevesInicioMinuto" value="#{programaBean.minutoJueves}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.minutos}" />
						            </p:selectOneMenu>
						            <h:outputLabel value="Cantidad Horas"/>
			        			 	<p:spinner id="cantidadHorasJueves" value="#{programaBean.cantidadHorasJueves}" size="1" max="4" min="0"/>
			        			 	
			        			 	<h:outputLabel style="font-weight:bold">Viernes </h:outputLabel>
			        			 	<h:outputLabel value="Hora Inicio: " />
			        			 	<p:selectOneMenu id="ViernesInicioHora" value="#{programaBean.horaViernes}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.horas}" />
						            </p:selectOneMenu>
						            <p:selectOneMenu id="ViernesInicioMinuto" value="#{programaBean.minutoViernes}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.minutos}" />
						            </p:selectOneMenu>
						            <h:outputLabel value="Cantidad Horas" />
			        			 	<p:spinner id="cantidadHorasViernes" value="#{programaBean.cantidadHorasViernes}" size="1" max="4" min="0"/>
			        			 	
			        			 	<h:outputLabel style="font-weight:bold" rendered="#{programaBean.sabados}">Sabado </h:outputLabel>
			        			 	<h:outputLabel value="Hora Inicio: " rendered="#{programaBean.sabados}"/>
			        			 	<p:selectOneMenu id="SabadoInicioHora" rendered="#{programaBean.sabados}" value="#{programaBean.horaSabado}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.horas}" />
						            </p:selectOneMenu>
						            <p:selectOneMenu id="SabadoInicioMinuto" rendered="#{programaBean.sabados}" value="#{programaBean.minutoSabado}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.minutos}" />
						            </p:selectOneMenu>
						            <h:outputLabel value="Cantidad Horas" rendered="#{programaBean.sabados}"/>
			        			 	<p:spinner id="cantidadHorasSabado" rendered="#{programaBean.sabados}" value="#{programaBean.cantidadHorasSabado}" size="1" max="4" min="0"/>
			        			 	
			        			 	<h:outputLabel style="font-weight:bold" rendered="#{programaBean.domingos}">Domingo </h:outputLabel>
			        			 	<h:outputLabel value="Hora Inicio: " rendered="#{programaBean.domingos}"/>
			        			 	<p:selectOneMenu id="DomingoInicioHora" rendered="#{programaBean.domingos}" value="#{programaBean.horaDomingo}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.horas}" />
						            </p:selectOneMenu>
						            <p:selectOneMenu id="DomingoInicioMinuto" rendered="#{programaBean.domingos}" value="#{programaBean.minutoDomingo}" style="width:70px">
						                <f:selectItems value="#{listaManagerBean.minutos}" />
						            </p:selectOneMenu>
						            <h:outputLabel value="Cantidad Horas" rendered="#{programaBean.domingos}"/>
			        			 	<p:spinner id="cantidadHorasDomingo" rendered="#{programaBean.domingos}" value="#{programaBean.cantidadHorasDomingo}" size="1" max="4" min="0"/>
			        			 	
			        			 	
			        			 </h:panelGrid>
			        			 <h3 align="center">Totales</h3>
			        			 <h:panelGrid columns="2" cellpadding="10">
				        			<h:outputLabel value="Numero Horas Configuradas "/>
				        			<h:outputLabel id="numeroHorasConfiguradas" value="#{programaBean.numeroHorasConfiguradas}"/>
			        			 </h:panelGrid>
			        			 <h:panelGrid columns="3" cellpadding="10">
					        		<p:commandButton value="Calcular" id="calcularHorasConfiguradas" process="formCronograma" actionListener="#{programaBean.calcularFechasUHoras}" 
				        				update="formCronograma:numeroHorasConfiguradas formCronograma:numeroHorasPrograma 
				        				formCronograma:fechaFinalizacionCronograma formCronograma:fechaInicioCronograma"
				        				 styleClass="ui-priority-primary" />
				             	</h:panelGrid>
			        		</h:panelGrid>
			        	</h:form>
			        </h:panelGrid>
				</td>
			</tr>
		</table>
		
	</ui:define>
</ui:composition>
</html>